<div class="table-responsive">
    <table class="jh-table table table-striped">
        <thead>
            <tr jh-sort="vm.predicate" ascending="vm.reverse" callback="vm.transition()">
                <th></th>
                <th></th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="card in vm.essences track by card.id">
                <td class="text-right">
                <span ng-if="card.commentCount>0" style="color:red;" class="glyphicon glyphicon-fire"></span>
                <span ng-if="card.commentCount>0" style="color:silver;" class="glyphicon glyphicon-paperclip"></span>
                </td>
                <td>[{{card.categoryName}}]<a ui-sref="pubcardcoments({cardId:card.id,cardTitle:card.title})">{{card.title}}</a></td>
                <td>{{card.author}}<br/>{{card.createdAt | date:'medium'}}</td>
                <td>{{card.commentCount}}</td>
                <td class="text-right">
                </td>
            </tr>
        </tbody>
    </table>
</div>